import 'package:flutter/material.dart'; // fim简便写法
import 'res/listData.dart';

void main() {
  runApp(MyApp());
}

// 基本结构
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('container  text')),
        body: HomeContent(),
      ),
    );
  }
}

class HomeContent extends StatelessWidget {
  
  // 01 Stack 层叠组件
  // @override
  // Widget build(BuildContext context) {
  //   return Center(
  //     child: Stack(
  //       // alignment: Alignment.topLeft,
  //       // alignment: Alignment(-1, -1), //  X轴  Y轴
  //       alignment: Alignment(1, 1), //  X轴  Y轴
  //       children: <Widget>[
  //         Container(
  //           width: 300, // 360最大
  //           height: 400,
  //           color: Colors.blue,
  //           // decoration: BoxDecoration(
  //           //     color: Colors.blue,
  //           //     border: Border.all(color: Colors.red, width: 2.0),
  //           //     borderRadius: BorderRadius.all(Radius.circular(10))),
  //           // ),
  //         ),
  //         Text(
  //           '我是一个文本',
  //           style: TextStyle(fontSize: 20, color: Colors.white),
  //         )
  //       ],
  //     ),
  //   );
  // }


  // // 02 Stack Align 层叠组件
  // @override
  // Widget build(BuildContext context) {
  //   return Center(
  //     child: Container(
  //       width: 300, // 360最大
  //       height: 400,
  //       color: Colors.red,
  //       child: Stack(
  //         children: <Widget>[
  //           Align(
  //             // alignment: Alignment.topLeft,
  //             alignment: Alignment(0.5, -0.2),
  //             child: Icon(Icons.home, size: 40, color: Colors.white),
  //           ),
  //           Align(
  //             alignment: Alignment.center,
  //             child: Icon(Icons.search, size: 40, color: Colors.white),
  //           ),
  //           Align(
  //             alignment: Alignment.bottomRight,
  //             child: Icon(Icons.select_all, size: 40, color: Colors.white),
  //           ),
  //         ]
  //       )
  //     )
  //   );
  // }

   // 03 Stack Positioned 层叠组件
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        width: 300, // 360最大
        height: 400,
        color: Colors.red,
        child: Stack(
          children: <Widget>[
            Positioned(
              left: 10,
              top: 100,
              child: Icon(Icons.home, size: 40, color: Colors.white),
            ),
            Positioned(
              right: 10,
              child: Icon(Icons.search, size: 40, color: Colors.white),
            ),
            Positioned(
              bottom: 10,
              child: Icon(Icons.select_all, size: 40, color: Colors.white),
            ),
          ]
        )
      )
    );
  }


}
